<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据</title>
</head>
<body>
<span id="sp" value="自定义span value">我是spanzi</span><br/>
<input id="in" value="秃三炮">黄金标</input>
<select id="city">
    <option value="1">a</option><!--这个option有点特殊，他是自带value属性的，但是你把他的value删掉后再获取value就会获取标签体中的内容，相当于innerText-->
</select>
</body>
<script>
    /*页面标签元素：
    * 1.带有value属性的
    * input
    * select
    * ........
    * 获取元素标签的value属性值,得到元素对象后.value就能得到属性值，有值赋值，无值取值value也是一样的，有值的话再.value就是给value属性赋值了
    * 2.不带value属性的
    * span
    * p
    * a
    * ................
    * 获取元素标签体的内容
    * 通过innerText或者innerHTML,后者有参数时，参数支持标签解析
    * 注意这两个使用的时候要看他们本身有没有值，有值赋值，无值取值*/
    /*获取不自带value属性的标签体内容*/
    let span = document.getElementById("sp");
    let innerText = span.innerText;
    alert(innerText);
    /*获取自带value属性的属性值*/
  /*  let input = document.getElementById("in");
    let innerText = input.value;
    alert(innerText);*/
 /* let city = document.getElementById("city");
  alert(city.value)*/
</script>
</html>